/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <svg
    version="1.1"
    id="图层_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 870 650"
    style="enable-background:new 0 0 870 650;"
    xml:space="preserve"
    :width="Width"
    :height="Height"
  >
    <path
      class="st0"
      d="M563.4,431h306.5l0,0v-18V235.4v-18l0,0H563.5c-11.4,0-21-9.6-21-21V-0.3l0,0h-18H344.9h-18l0,0v196.7
c-0.1,11.5-9.5,20.9-21.1,21H-0.4l0,0v18V413v18l0,0h306.2"
    ></path>
    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
      <g class="st1">
        <g>
          <rect x="346.5" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="338.7" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="331.2" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="354.3" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="362.1" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="369.9" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="377.7" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="385.5" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="393.3" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="401.1" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="408.9" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="416.7" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="424.6" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="432.4" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="440.2" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="448" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="455.8" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="463.6" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="471.4" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="479.2" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="487" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="494.8" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="502.6" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="510.4" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
        <g>
          <rect x="518.2" y="199.1" class="st2" width="4" height="16.3"></rect>
          <rect x="526.2" y="199.1" class="st2" width="4" height="16.3"></rect>
          <rect x="534.1" y="199.1" class="st2" width="4" height="16.3"></rect>
        </g>
      </g>
      <g class="st1">
        <rect x="544.6" y="236.8" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="229" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="221.2" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="244.6" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="252.3" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="260" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="267.7" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="275.5" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="283.2" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="290.9" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="298.6" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="306.3" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="314.1" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="321.8" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="329.5" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="337.2" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="345" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="352.7" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="360.4" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="368.1" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="375.8" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="383.6" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="391.3" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="399" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="406.7" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="415" class="st2" width="16.5" height="4"></rect>
        <rect x="544.6" y="423" class="st2" width="16.5" height="4"></rect>
      </g>
      <g class="st1">
        <rect x="309" y="236.8" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="228.5" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="220.6" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="244.6" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="252.3" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="260" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="267.7" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="275.5" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="283.2" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="290.9" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="298.6" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="306.3" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="314.1" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="321.8" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="329.5" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="337.2" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="345" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="352.7" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="360.4" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="368.1" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="375.8" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="383.6" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="391.3" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="399" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="406.7" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="414.4" class="st2" width="16.5" height="4"></rect>
        <rect x="309" y="422.7" class="st2" width="16.5" height="4"></rect>
      </g>
    </g>
    <g>
      <rect x="106.8" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="129.9" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="245.4" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="222.3" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="83.7" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="176.1" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="199.2" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="153" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="14.3" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="-0.3" y="266.8" class="st3" width="3.1" height="2"></rect>
      <rect x="37.4" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="268.6" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="60.5" y="266.8" class="st3" width="11.6" height="2"></rect>
      <rect x="291.7" y="266.8" class="st3" width="6" height="2"></rect>
      <rect x="199.2" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="222.3" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="268.6" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="245.4" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="153" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="60.5" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="14.3" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="37.4" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="176.1" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="-0.3" y="297.1" class="st3" width="3.1" height="2"></rect>
      <rect x="129.9" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="106.8" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="83.7" y="297.1" class="st3" width="11.6" height="2"></rect>
      <rect x="291.7" y="297.1" class="st3" width="6" height="2"></rect>
    </g>
    <g>
      <g>
        <rect x="-0.3" y="326.1" class="st4" width="298.2" height="2"></rect>
      </g>
      <rect x="-0.3" y="354.5" class="st3" width="297.2" height="2"></rect>
      <rect x="-0.3" y="236.1" class="st3" width="298" height="2"></rect>
      <rect x="-0.3" y="382.9" class="st3" width="297.2" height="2"></rect>
      <rect x="-0.3" y="411.3" class="st3" width="297.2" height="2"></rect>
      <polygon
        class="st3"
        points="296.9,400.7 296.9,398.2 296.9,364.6 296.9,362.2 296.9,326.1 298.9,326.1 298.9,431 296.9,431"
      ></polygon>
    </g>
    <g>
      <rect x="750.5" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="727.4" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="611.9" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="635" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="773.6" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="681.2" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="658.1" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="704.3" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="843" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="866.1" y="379.6" class="st3" width="3.8" height="2"></rect>
      <rect x="819.9" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="588.7" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="796.8" y="379.6" class="st3" width="11.6" height="2"></rect>
      <rect x="571.2" y="379.6" class="st3" width="6" height="2"></rect>
      <rect x="658.1" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="635" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="588.7" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="611.9" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="704.3" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="796.8" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="843" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="819.9" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="681.2" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="866.1" y="349.3" class="st3" width="3.8" height="2"></rect>
      <rect x="727.4" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="750.5" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="773.6" y="349.3" class="st3" width="11.6" height="2"></rect>
      <rect x="571.2" y="349.3" class="st3" width="6" height="2"></rect>
    </g>
    <g>
      <g>
        <rect x="570.6" y="319.6" class="st4" width="299.4" height="2"></rect>
      </g>
      <rect x="571.6" y="291.2" class="st3" width="298.4" height="2"></rect>
      <rect x="571.2" y="409.7" class="st3" width="298.7" height="2"></rect>
      <rect x="571.6" y="262.8" class="st3" width="298.4" height="2"></rect>
      <rect x="570.2" y="234.4" class="st3" width="299.8" height="2"></rect>
      <polygon
        class="st3"
        points="571.6,247.1 571.6,249.5 571.6,283.1 571.6,285.6 571.6,321.6 569.6,321.6 569.6,216.8 571.6,216.8"
      ></polygon>
    </g>
    <g>
      <rect x="489.5" y="-0.3" class="st3" width="2" height="9"></rect>
      <rect x="489.5" y="20.2" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="135.7" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="112.6" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="66.4" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="89.5" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="43.3" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="158.9" class="st3" width="2" height="11.6"></rect>
      <rect x="489.5" y="182" class="st3" width="2" height="6"></rect>
      <rect x="459.2" y="89.5" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="112.6" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="158.9" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="135.7" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="43.3" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="66.4" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="20.2" class="st3" width="2" height="11.6"></rect>
      <rect x="459.2" y="-0.3" class="st3" width="2" height="9"></rect>
      <rect x="459.2" y="182" class="st3" width="2" height="6"></rect>
    </g>
    <g>
      <g>
        <rect x="430.2" y="-0.3" class="st4" width="2" height="188.4"></rect>
      </g>
      <rect x="401.8" y="-0.3" class="st3" width="2" height="187.4"></rect>
      <rect x="373.4" y="-0.3" class="st3" width="2" height="187.4"></rect>
      <rect x="345" y="-0.3" class="st3" width="2" height="187.4"></rect>
      <rect x="520.1" y="-0.3" class="st3" width="2" height="188.3"></rect>
      <polyline class="st3" points="432.2,187.1 432.2,189.1 327.6,189.1 327.6,187.1"></polyline>
    </g>
    <path class="st5" d="M0.9,226.4L0.9,226.4C1,226.4,1.1,226.4,0.9,226.4z"></path>
    <path class="st5" d="M0.9,226.4L0.9,226.4C0.8,226.4,0.7,226.4,0.9,226.4z"></path>
    <path
      class="st6"
      d="M869.9,197.4H574c-6.3,0-11.5-5.1-11.5-11.5V-0.3h-1l0,0v186.2c0,6.9,5.6,12.5,12.5,12.5h295.9V197.4z"
    ></path>
    <path
      class="st4"
      d="M869.9,214.4H561.6c-9.2,0-16.6-7.5-16.6-16.6V-0.3h-3v198.1c0,10.8,8.8,19.6,19.6,19.6h308.3L869.9,214.4
L869.9,214.4z"
    ></path>
    <path class="st6" d="M869.9,450H-0.4v1h870.3"></path>
    <path class="st4" d="M869.9,431H-0.4v3h870.3"></path>
    <g>
      <path
        class="st6"
        d="M-0.4,198.4h296c6.9,0,12.5-5.6,12.5-12.5V-0.3l0,0h-1v186.2c0,6.3-5.1,11.5-11.5,11.5h-296
C-0.4,197.4-0.4,198.4-0.4,198.4z"
      ></path>
    </g>
    <path
      class="st4"
      d="M-0.4,214.4H308c9.2,0,16.6-7.5,16.6-16.6V-0.3h3v198.1c0,10.8-8.8,19.6-19.6,19.6H-0.4V214.4z"
    ></path>
  </svg>
</template>
<script>
export default {
  name: 'tNorthroad',
  data () {
    return {}
  },
  props: {
    Width: {
      type: String,
      default: '870px'
    },
    Height: {
      type: String,
      default: '650px'
    },
    showPed: {
      type: Boolean,
      default: false
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.st0 {
  fill: #3d3939;
}
.st1 {
  opacity: 0.9;
}
.st2 {
  fill: #f2f2f2;
}
.st3 {
  fill: #dddddd;
}
.st4 {
  fill: #ccb63a;
}
.st5 {
  fill: #1eaa39;
}
.st6 {
  fill: #e5e5d8;
}
.invisible {
  visibility: hidden;
}
</style>
